<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
  <title>{{ title|default:"UCSB Department | " }}{% block title %}{% endblock title%}</title>
  <style type="text/css" media="screen">
    html, body{max-width:960px;min-width:400px;margin:auto;background:#536895;color:#fff;}
    h1 a{color:white;text-decoration:none;}
    h2,h3,h4{color:#536895}
	#content{background:#fff;color:#333;padding:25px;}
	a{color:blue;}
	#units {width:100%;margin:0;padding:0;}
	#units li{float:left;display:block;padding:5px;margin:2px;background:#ccc;}
    #units li a{color:#fff;text-decoration:none;font-weight:bolder;}
    #units li a:hover{color:#999;font-weight:bolder;}
    
    #staff{list-style-type:none;}
    #staff li{margin:0 0 0 10px;}
    
    #inset{float:right;width:200px;background:#eee;margin:10px;padding:5px;}
    #inset ul{list-style-type:none;margin:0;padding:0;}
    .clear{clear:both;}
  </style>
  </head>
<body>
  <h1><a href="/">{% block h1title %}{{ title|default:"UCSB Department" }}{% endblock h1title %}</a></h1>
  <div id="content">
   <ul id="units">
   {% for u in units %}
        <li><a href="{{u.get_absolute_url}}">{{u.title}}</a></li>
   {% endfor %}
   </ul>
   <br class="clear"/>
	{% block content %}	{% endblock %}
	<div><a href="/contacts/">contacts</a></div>
  </div>
</body>
</html>